<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>OPPO官网</title>
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- 快捷导航栏模块 s -->
	<div class="shortcut">
		<div class="w">
			<div class="login fr">
			<ul>
				<li><a href="javascript:;">登录</a></li>
				<li><a href="javascript:;">注册</a></li>
				<li><a href="javascript:;">Global</a></li>
			</ul>
		</div>
		</div>
	</div>
	<!-- 快捷导航栏模块 s -->

	<!-- nav 导航栏模块 s -->
	<div class="nav">
		<div class="w">
			<!-- logo模块 -->
			<div class="logo fl">
				<h1>
					<a href="index.html" title="OPPO">OPPO</a>
				</h1>
			</div>
			<!-- 导航栏内容模块 -->
			<div class="nav_content fr">
				<ul>
					<li><a href="javascript:;">首页</a></li>
					<li><a href="javascript:;">产品</a></li>
					<li><a href="javascript:;">商城</a></li>
					<li><a href="javascript:;">体验店</a></li>
					<li><a href="javascript:;">服务</a></li>
					<li><a href="javascript:;">colors</a></li>
					<li><a href="javascript:;">社区</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- nav 导航栏模块 e -->

	<!-- banner 广告栏模块 s -->
	<div class="banner w">
		<div class="banner_hd">
			<span>首页　/　产品</span>
		</div>
		<div class="banner_bd clearfix">
			<div class="banner_bd_con1 fl">
				<a href="javascript:;">
					<img src="images/11.png" />
				</a>
			</div>
			<div class="banner_bd_con2 fl">
				<a href="javascript:;">
					<img src="images/12.png" />
				</a>
			</div>
			<div class="banner_bd_con3 fr">
				<a href="javascript:;">
					<img src="images/13.png" />
				</a>
			</div>
		</div>
	</div>
	<!-- banner 广告栏模块 e -->

	<!-- goods 商品模块 s -->
	<div class="goods w clearfix">
		<div class="caption">
			<h3>OPPO  产品系列</h3>
		</div>
		<div class="goods_hd">
			<span><em>R系列</em>　　纤薄设计·至美外观</span>
		</div>
		<div class="goods_bd">
			<div class="rose_gold">
				<img src="images/21.jpg" />
				<h4>R9s 玫瑰金</h4>
				<p>这一刻，更清晰</p>
			</div>
			<div class="gold">
				<img src="images/22.jpg" />
				<h4>R9sk 金色</h4>
				<p>R9sk是R9s的一个版本，线下专供</p>
			</div>
			<div class="black">
				<img src="images/23.jpg" />
				<h4>R9s Plus 黑色版</h4>
				<p>大屏拍照旗舰</p>
			</div>
		</div>
	</div>
	<!-- goods 商品模块 e -->

	<!-- feature 产品特色模块 s -->
	<div class="feature w clearfix">
		<div class="feature_caption">
			<h3>OPPO  产品特色</h3>
		</div>
		<div class="article">
			<ul>
				<li><a href="javascript:;"><img src="images/31.jpg" /></a></li>
				<li class="last"><a href="javascript:;"><img src="images/32.jpg" /></a></li>
			</ul>
		</div>
	</div>
	<!-- feature 产品特色模块 e -->

	<!-- footer 页脚模块 s -->
	<div class="footer w clearfix">
		<!-- 友情链接模块 -->
		<div class="links fl">
			<dl>
				<dt>推荐机型</dt>
				<dd><a href="#">R9s</a></dd>
				<dd><a href="#">R9s Plus</a></dd>
				<dd><a href="#">A57</a></dd>
				<dd><a href="#">A59s</a></dd>
			</dl>
			<dl>
				<dt>在线购买</dt>
				<dd><a href="#">官方商城</a></dd>
				<dd><a href="#">购物指南</a></dd>
				<dd><a href="#">官方授权网店</a></dd>
			</dl>
			<dl>
				<dt>服务</dt>
				<dd><a href="#">服务网点查询</a></dd>
				<dd><a href="#">零配件价格查询</a></dd>
				<dd><a href="#">云服务</a></dd>
			</dl>
			<dl>
				<dt>关于我们</dt>
				<dd><a href="#">关于OPPO</a></dd>
				<dd><a href="#">加入我们</a></dd>
				<dd><a href="#">采购相关</a></dd>
				<dd><a href="#">发布会回顾</a></dd>
			</dl>
		</div>
		<!-- hotlines 热线电话模块 -->
		<div class="help">
			<a href="javascript:;"></a>
			<h2>4001-666-888</h2>
			<p>（24小时全国服务热线）</p>
		</div>
	</div>
	<!-- footer 页脚模块 e -->
	<!-- copyright版权模块 -->
	<div class="copyright w">
		<div class="copyinfo fl">
			<span>&copy;2005 - 2017　OPPO 版权所有　粤ICP备14056724号-2　联系方式：4001-666-888</span>
			<i></i>
		</div>
		<div class="focus_us fr">
			关注我们:
			<img src="images/weixin.png" alt="">
		</div>
	</div>
</body>
</html>